import Item from './Item'
export default function App (props) {
    const { todos, changeState, removeTodo } = props;

    return (
        <div className='todo-list'>
            {
                todos.map(todo => (
                    todos.length &&  <Item  todo={todo}  key={todo.id} changeState = {changeState} removeTodo = {removeTodo}/>
                    
                ))
            }
            {
                !todos.length && <div>暂无待办</div>
            }
        </div>
    )
}